<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body>
    <div class="app-my dpflex fdcolumn">
        <header class="dpflex fdcolumn" id="material">
            <div class="dpflex pr">
                <img src="../imgs/dog.jpg" alt="" class="mt20 ml12" id="headimg">
                <p class="f22 ti10 c10 fb" id="nickname">用户名</p>
                <span class="pa tac cf f18 fb">vip</span>
            </div>
            <p class="f16 c203 ml12">个性签名:<span id="sign">XXXXXXXXXXXXXXXXXXXXXXXXXX</span></p>
        </header>
        <main class="dpflex fdcolumn pdd30">
            <section class="mt10 dpflex fdcolumn">
                <p class="mt8 ml16 f18 pr" id="sportsdata"><span class="iconfont icon-data"></span>&nbsp;运动数据<span class="pa">></span></p>
                <div class="ml16 dpflex mr16">
                    <div>
                        <p class="c8a ml12 mt10 mb8">总运动</p>
                        <p class="ml12"><span class="c42 f34" id="numSports">99999</span>分钟</p>
                    </div>
                    <div>
                        <p class="c8a ml12 mt10 mb8">本周消耗</p>
                        <p class="ml12"><span class="c42 f28" id="numCalorie">99999</span>千卡</p>
                    </div>
                </div>
            </section>
            <section class="mt10">
                <p class="mt8 ml16 f18 pr" id="medal"><span class="iconfont icon-badge"></span>&nbsp;我的运动徽章<span class="pa">></span></p>
                <div class="dpflex ml16 mr16 mb16 mt8" id="medal">
                    <div class="mr16"></div>
                    <div class="mr16"></div>
                    <div></div>
                </div>
            </section>
            <section class="mt10 mb60">
                <p class="c42 tac f18" id="out">退出登录</p>
            </section>
        </main>
        <footer class="mt8">
            
        </footer>
    </div>
</body>

</html>